.list {
  .serch-input {
    height: 1.066667rem;
    line-height: 1.066667rem;

    // background-color: #f0f0f0;

    padding: 0 0.533333rem;
    position: relative;

    input {
      width: 8rem;
      height: 0.8rem;
      border-radius: 0.4rem;
      padding-left: 15px;
      border: none;
    }

    span {
      color: #f03d37;
      font-weight: 500;
      margin-left: 0.266667rem;
    }
  }

  .listBody {
    width: 100%;
    max-width: 750px;
    min-width: 320px;
    .listNav {
      white-space: nowrap; // 注释1
      overflow-x: auto;
      margin: 0;
      padding: 0;
      // color: red;

      .listItems {
        list-style: none;
        display: inline-block;
        height: 1.013333rem;
        line-height: 1.013333rem;
        //  margin-left: 0.266667rem;
        padding: 0 10px;
        background: #fff;
        text-align: center;
        font-size: 0.373333rem;
    

      }
      .active {
        color: red;
        border-bottom: 2px solid #f03d37;
        list-style: none;
        display: inline-block;
        height: 1.013333rem;
        line-height: 1.013333rem;
        //  margin-left: 0.266667rem;
        padding: 0 10px;
       
        text-align: center;
        font-size: 0.373333rem;


      }
    }
  }
  .recommend {
    .recommend-show {
      margin-top: 0.48rem;
      padding: 0.426667rem;
      background-color: #fff;
      display: flex;
      // justify-content: space-between;
      // align-items: center;

      .item-img {
        img {
          width: 2.666667rem;
          height: 3.6rem;
        }
      }

      .item-content {
        margin-left: 0.266667rem;

        .title {
          font-size: 0.426667rem;
          color: #090909;
        }

        .date {
          margin-top: 0.533333rem;
          color: #8c8c8c;
        }

        .place {
          margin-top: 0.266667rem;
          color: #8c8c8c;
        }

        .price {
          margin-top: 0.533333rem;
          display: flex;
          justify-content: space-between;
          align-items: center;
          .state {
            span {
              color: #000000;
              font-weight: 500;
            }
            .state-left {
              color: #fa6569;
            }
          }

          .nature {
            color: #8c8c8c;
          }
        }
      }
    }
  }
}
